<?php echo $this->render('includes/top.phtml');?>
<!-- ...................... Header ...................... -->

<div id="header-bottom">
	<div id="header-bg">			
			
<!-- ...................... Page Title and Search Box ...................... -->					
		<div id="title-bar">
			<h1>Videos</h1>
		</div>
		
		<div class="clear"></div>
<!-- ...................... End Page Title and Search Box ...................... -->	
		
	</div>  <!-- #header-bg -->
</div>  <!-- #header-bottom -->	
<!-- ...................... End Header ...................... -->

<!-- ...................... Container & Content ...................... -->	
<div id="container">	
	<div id="content">	

		<!-- ***** Video Items ***** -->	
		<div class="portfolio pf-one-third project-list-3column">
			<ul class="content">
<?php
	foreach ($this->videos as $v) {
$title       = $v->getVideoTitle();
$uri         = $v->getVideoWatchPageUrl();
$description = $v->getVideoDescription();
$thumbnails  = $v->getVideoThumbnails();
$duration    = $v->getVideoDuration();
$thumbnail   = $thumbnails[1]['url'];
?>
				
                <!-- Video Item  -->
				<li>	
					<div class="img-one-third">
						<p class="fade-img" data-rel="play-icon"><a href="<?php echo $uri; ?>" data-rel="prettyPhoto[playlist]"
                                                                    title="<?php echo $title; ?>">
                            <img src="<?php echo $thumbnail; ?>
                            " width="286" height="191" alt="<?php echo $title; ?>" title="<?php echo $description; ?>" /></a></p>
					</div>		
					
					<div class="portfolio-content">						
                        <!--<h5><?php echo $title; ?></h5> -->
					</div> <!-- .portfolio-content -->
				</li>
<?php } ?>
			</ul>		
		<div class="clear"></div>
		
		<!-- ***** Gallery Pagination ***** -->	
		<div class="page_navigation"></div>			
		
	</div> <!-- .portfolio .pf-one-third .project-list-3column -->

		
		
	</div> <!-- #content -->
</div> <!-- #container -->	
<!-- ...................... End Container & Content ...................... -->
<script>
    $(document).ready(function(){
        $("#top-about").parent().removeClass('active');
        $("#top-project").parent().removeClass('active');
        $("#top-noticias").parent().removeClass('active');
        $("#top-multimedia").addClass('active');
        $("#top-contacto").parent().removeClass('active');
    });
</script>
<?php echo $this->render('includes/footer.phtml');?>